<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>

		<%@ include file="Head.jsp"%>
		<div class="index_banner" id="index_bannerwk">
			<div id="banner">
		    	<div class="slider-container">
		          <div class="main-slider">
		            <div class="slide-item" style="display:block;"> <img  src="images/slide_01banner.png" /> </div>
		            <div class="slide-item"> <img  src="images/slide_02banner.png" /> </div>
		            <div class="slide-item"> <img  src="images/slide_03banner.png" /> </div> 
		          </div>
		          <ul class="thumbs clearfix" >
		            <li class="thumb1 curr">  
		            </li>
		            <li class="thumb2">
		            </li>
		            <li class="thumb3">
		            </li>
		          </ul>
		        </div>
		    </div>
	    </div>
	    <!--首页分类数据-->
	    <div class="index_shuju">
	    	<div class="index_shujucontent">
	    		<div class="index_shujulist">
	    			<img src="images/indexdateb1.png">
	    			<h4>载体数量</h4>
	    			<p>39</p>
	    			<span>个</span>
	    		</div>
	    		<div class="index_shujulist">
	    			<img src="images/indexdateb2.png">
	    			<h4>载体面积</h4>
	    			<p>384.46</p>
	    			<span>万平方米</span>
	    		</div>
	    		<div class="index_shujulist">
	    			<img src="images/indexdateb3.png">
	    			<h4>双创企业</h4>
	    			<p>368</p>
	    			<span>家</span>
	    		</div>
	    		<div class="index_shujulist">
	    			<img src="images/indexdateb4.png">
	    			<h4>企业人数</h4>
	    			<p>2830</p>
	    			<span>人</span>
	    		</div>
	    		<div class="index_shujulist">
	    			<img src="images/indexdateb5.png">
	    			<h4>创业成果</h4>
	    			<p>285</p>
	    			<span>项</span>
	    		</div>
	    		<div class="index_shujulist">
	    			<img src="images/indexdateb6.png">
	    			<h4>服务机构</h4>
	    			<p>187</p>
	    			<span>家</span>
	    		</div>
	    		<div class="index_shujulist">
	    			<img src="images/indexdateb7.png">
	    			<h4>创业导师</h4>
	    			<p>85</p>
	    			<span>位</span>
	    		</div>
	    	</div>
	    </div>
	    <!--资讯-->
	    <div class="index_news">
	    	<ul class="news_information_tab" id="tab_show">
				<li  class="active">双创资讯</li><li>双创政策</li><li>创业活动</li>
			</ul>
	    	<div class="index_newscon">
	    		<ul>
	    			<li><a href="javascript:void(0)">训练营—双流专场<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">我确认群无若群无（第十二期）通知<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">训练营—双流专场<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">暗示法而我却若群无若群无若群无若群（第十二期）通知<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">训练营—双流专场<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">暗示法发顺丰（第十二期）通知<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">训练营—双流专场<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">关于举办四川省科技企业孵化器及众创空间从业人员培训（第十二期）通知<span>2018-07-09</span></a></li>
	    		</ul>
	    	</div>
	    	<div class="index_newscon" style="display: none;">
	    		<ul>
	    			<li><a href="javascript:void(0)">22222<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">关于举办四川省科技企业孵化器及众创空间从业人员培训（第十二期）通知<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">训练营—双流专场<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">关于举办四川省科技企业孵化器及众创空间从业人员培训（第十二期）通知<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">训练营—双流专场<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">按时发生发发（第十二期）通知<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">训练营—双流专场<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">关于举办四川省科技企业孵化器及众创空间从业人员培训（第十二期）通知<span>2018-07-09</span></a></li>
	    		</ul>
	    	</div>
	    	<div class="index_newscon" style="display: none;">
	    		<ul>
	    			<li><a href="javascript:void(0)">333<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">按时发发发发发（第十二期）通知<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">训练营—双流专场<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">我去而围绕反倒是爽肤水（第十二期）通知<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">训练营—双流专场<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">色粉问问他问题吧（第十二期）通知<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">训练营—双流专场<span>2018-07-09</span></a></li>
	    			<li><a href="javascript:void(0)">关于举办四川省科技企业孵化器及众创空间从业人员培训（第十二期）通知<span>2018-07-09</span></a></li>
	    		</ul>
	    	</div>
	    </div>
	    <div class="index_more" style="padding: 0px;">
    	    <img src="images/index_more.png">
    	    <a  href="javascript:void(0)">点击查看更多</a></div>
		</div>
	    <!--数创工场-->
	    <div class="index_gongchang">
	    	<div class="index_gongchangcon">
	    		<div class="index_gongchangcon_L">
	    			<img src="images/index_scleft.png">
	    			<a href="javascript:void(0)">点击进入</a>
	    		</div>
	    		<div class="index_gongchangcon_R">
	    			    <img src="images/index_scright3.png" class="bottom"/>
						<img src="images/index_scright4.png" class="middle"/>
						<img src="images/index_scright1.png" class="top"/>
					
	    		</div>
	    	</div>
	    </div>
	 <!--双创成果-->   
	 <div class="index_chengguo" style="padding-bottom: 0px;">
	 	<h2>双创成果</h2>
	 	<h3>充分挖掘大数据价值</h3>
	 	<div id="certify">
			<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<h4><img src="images/swiper_logo1.png">爱城市app</h4>
					<img src="images/slide_1.jpg" />
					<p><a  href="javascript:void(0)">查看详情</a></p>
				</div>
				<div class="swiper-slide">
					<h4><img src="images/swiper_logo2.png">企信平台</h4>
					<img src="images/slide_1.jpg" />
					<p><a  href="javascript:void(0)">查看详情</a></p>
				</div>
				<div class="swiper-slide">
					<h4><img src="images/swiper_logo1.png">标立得app</h4>
					<img src="images/slide_3.jpg" />
					<p><a  href="javascript:void(0)">查看详情</a></p>
				</div>
			</div>
			</div>
		
		</div>
		<div class="index_more" style="padding: 0px;">
	    	<img src="images/index_more.png">
	    	<a  href="javascript:void(0)">点击查看更多</a></div>
		</div>
	 </div>
	 
	 <div class="index_chengguo">
	 	<h2>一站式企业服务，为创业者保驾护航</h2>
	 	<h3>省心 · 省事 · 省成本</h3>
	 	<div class="service_content">
			<div class="service_contentlist">
           		<div class="img-stxw-border">
                    <div class="img-stxw-bordera">
                        <img src="images/servicelist1.png" alt="">
                    </div>
                    <p>金融服务</p>
				</div>
	        </div> 
	        <div class="service_contentlist">
           		<div class="img-stxw-border">
                    <div class="img-stxw-bordera">
                        <img src="images/servicelist2.png" alt="">
                    </div>
                    <p>市场推广</p>
				</div>
	        </div> 
	         <div class="service_contentlist">
           		<div class="img-stxw-border">
                    <div class="img-stxw-bordera">
                        <img src="images/servicelist3.png" alt="">
                    </div>
                    <p>财税服务</p>
				</div>	
	        </div> 
	         <div class="service_contentlist">
           		<div class="img-stxw-border">
                    <div class="img-stxw-bordera">
                        <img src="images/servicelist4.png" alt="">
                    </div>
                    <p>人力资源</p>
				</div>	
	        </div> 
	    <div class="index_more">
	    	<img src="images/index_more.png">
	    	<a  href="javascript:void(0)">点击查看更多</a></div>
		</div>
	 </div>
	<!--底部-->
    <%@ include file="Footer.jsp"%>

	</body>
</html>
<script src="js/jquery.min.js" ></script>
 <script src="js/swiper.min.js"></script>
<script src="js/main.js"></script>


<script>
		$(document).ready(function(){
	//数创工场右侧动效		
		$("html").mousemove(function(e){
		
			var xx = e.originalEvent.x || e.originalEvent.layerX || 0;
			var yy = e.originalEvent.y || e.originalEvent.layerY || 0;
			xxx=-(xx-400)/80;yyy=-(yy-160)/40;
			xxx2=-(xx-400)/60;yyy2=-(yy-160)/30;
			xxx3=-(xx-400)/40;yyy3=-(yy-160)/20;
			$(".bottom").css("transform","translate3d("+xxx+"px,"+yyy+"px,0)").stop();
			$(".middle").css("transform","translate3d("+xxx2+"px,"+yyy2+"px,0)").stop();
			$(".top").css("transform","translate3d("+xxx3+"px,"+yyy3+"px,0)").stop();
		})
		
			
		//新闻tab页	
			$("#tab_show>li").click(function(){
				$(this).addClass('active');
				$(this).siblings().removeClass('active');
				var num=$(this).index();
				$('.index_newscon').hide();
				$('.index_newscon').eq(num).show();
			});	
		})
</script>
<script type="text/javascript">
	//banner js
$(document).ready(function(){
   startTimer();
    var timer;
    var slideCount = $('.thumbs li').length;
    var currSlide = $('.thumbs li').filter('.curr').index();
    var nextSlide = currSlide + 1;
    var fadeSpeed = 1000;
	
    function startTimer() {
        timer = setInterval(function () {
            $('.slide-item').eq(currSlide).fadeOut(fadeSpeed);
            $('.slide-item, .thumbs li').removeClass('curr');

            $('.slide-item').eq(nextSlide).addClass('curr').fadeIn(fadeSpeed);
            $('.thumbs li').eq(nextSlide).addClass('curr');

            currSlide = nextSlide;
            nextSlide = currSlide + 1 < slideCount ? currSlide + 1 : 0;

        }, 2000);
    }

    $('.thumbs li').click(function () {
        clearInterval(timer);
        startTimer();
        currSlide = $(this).index();
        nextSlide = currSlide + 1 < slideCount ? currSlide + 1 : 0;;
        $('.slide-item').fadeOut(fadeSpeed);
        $('.slide-item, .thumbs li').removeClass('curr');

        $('.slide-item').eq($(this).index()).addClass('curr').fadeIn(fadeSpeed);
        $(this).addClass('curr');
    });

});
</script>

<script>
//双创成果js	
certifySwiper = new Swiper('#certify .swiper-container', {
	watchSlidesProgress: true,
	slidesPerView: 'auto',
	centeredSlides: true,
	loop: true,
	loopedSlides: 3,
	autoplay: true,
	navigation: {
		nextEl: '.swiper-button-next',
		prevEl: '.swiper-button-prev',
	},

	on: {
		progress: function(progress) {
			for (i = 0; i < this.slides.length; i++) {
				var slide = this.slides.eq(i);
				var slideProgress = this.slides[i].progress;
				modify = 1;
				if (Math.abs(slideProgress) > 1) {
					modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
				}
				translate = slideProgress * modify * 160 + 'px';
				scale = 1 - Math.abs(slideProgress) / 3;
				zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
				slide.transform('translateX(' + translate + ') scale(' + scale + ')');
				slide.css('zIndex', zIndex);
				slide.css('opacity', 1);
				if (Math.abs(slideProgress) > 3) {
					slide.css('opacity', 0);
				}
			}
		},
		setTransition: function(transition) {
			for (var i = 0; i < this.slides.length; i++) {
				var slide = this.slides.eq(i)
				slide.transition(transition);
			}

		}
	}

})
</script>